// cli v6 bug，暂不支持 ~weui 写法，相关ISSUES
// - [#10717](https://github.com/angular/angular-cli/issues/10717)
// - [#10721](https://github.com/angular/angular-cli/issues/10721)
// @import '~weui/src/style/weui.less';
// @import '~ngx-weui/index';
@import '../node_modules/weui/src/style/weui.less';
@import '../node_modules/ngx-weui/index';

// [自定义主题](https://cipchk.github.io/ngx-weui/#/docs/style)
// @weuiFontDefault: "Helvetica Neue";
// @weuiBtnPrimaryBg: #f50;

/* You can add global styles to this file, and also import other style files */
@weuiBtnPrimaryBg: #000000;
@weuiBtnFontColor: #000000;

html,
body {
	height: 100%;width: 100%;margin:0;padding:0;
	-webkit-touch-callout: none;
	/*系统默认菜单被禁用*/

	-webkit-user-select: none;
	/*webkit浏览器*/

	-khtml-user-select: none;
	/*早起浏览器*/

	-moz-user-select: none;
	/*火狐浏览器*/

	-ms-user-select: none;
	/*IE浏览器*/

	user-select: none;

	/*用户是否能够选中文本*/
	h3 {
		// background: #FCCC5B;
		outline: none;
	}

	img {
		pointer-events: none;
	}

	// font-size: 16px;
	background: #fff;
	// color:#fff;
}

html {
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
}

body {
	max-width: 64rem;
	margin: 0 auto;
}

* {
	box-sizing: border-box;
}

@fontColor: #333;
@b_line_size: .125rem;
@h: 5rem;
@f_size: 1.75rem;

input {
	&:focus {
		outline: none;
	}
}

#qrCodeImage img {
	width: 100%;
}

.rating {
	line-height: 2rem;

	>i {
		display: inline-block;

		&::before {
			font-style: normal;
		}
	}

	.off {
		&::before {
			content: ' ';
		}
	}

	.on {
		&::before {
			font-size: 2.3125rem;
			color: #ff9800;
			content: '★';
		}
	}
}

.fixed-box {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 999;

	&.fixed-hide {
		top: -100%;
	}

	.fixed-box-bg {
		background: transparent;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}

	.fixed-box-body {
		background: #fbfbfb;
		padding: 1.5rem;
		transform: translateY(-100%);
		transition: all 0.3s ease-in;
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 110;

		&.fixed-body-show {
			transform: translateY(0%);
		}
	}
}

.white-input {

	input {
		color: @fontColor;
		height: @h;
		font-size: @f_size;
		line-height: @h;
	}

	input::-webkit-input-placeholder {
		line-height: @h;
		font-size: @f_size;
		color: @fontColor;
		height: @h;
	}

	input::-moz-placeholder {
		line-height: @h;
		font-size: @f_size;
		/* Mozilla Firefox 19+ */
		height: @h;
		color: @fontColor;
	}

	input:-moz-placeholder {
		line-height: @h;
		font-size: @f_size;
		/* Mozilla Firefox 4 to 18 */
		height: @h;
		color: @fontColor;
	}

	input:-ms-input-placeholder {
		line-height: @h;
		font-size: @f_size;
		height: @h;
		/* Internet Explorer 10-11 */
		color: @fontColor;
	}

	input {
		-webkit-text-fill-color: #DCDCDC;
		/*输入文字、placeholder颜色*/
		caret-color: @fontColor;
		/*光标颜色*/
	}
}

.weui-dialog {
	background-color: #313539;
	padding: 0 2rem;

	.weui-dialog__bd {
		color: #fff;
	}

	.weui-dialog__btn {
		color: #fff;

		&:active {
			background-color: #555;
		}
	}
}

countdown {
	span {
		color: #aaa;
		font-size: 1.5rem;

		i {
			color: #fff;
			font-style: normal;
			background: rgba(255, 255, 255, 0.2);
			border-radius: 0.2rem;
			padding: 0 0.2rem;
		}
	}
}

.weui-cells {
	background: #555;
	border-radius: 1rem;

	.weui-cell {
		padding: 0;

		input::-webkit-input-placeholder {
			color: #aaa;
		}

		input::-moz-placeholder {
			color: #aaa;
		}

		input:-moz-placeholder {
			color: #aaa;
		}

		input:-ms-input-placeholder {
			color: #aaa;
		}
	}
}

.page-title {
	position: absolute;
	background: linear-gradient(-90deg, rgba(42, 91, 200, 1), rgba(22, 124, 240, 1));
	left: 0rem;
	padding: 1.5rem;
	color: #fff;
	text-align: center;
	font-size: 2.25rem;
	width: 100%;

	>a {
		position: absolute;
		width: 5rem;
  		height: 5rem;
		left: .5rem;
		top: 2rem;

		img {
			vertical-align: top;
		}
	}
}

.pay-dailog {
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 33rem;
	bottom: 0;
	color: #333;
	text-align: center;

	.title {
		border-bottom: .0625rem solid #E6E6E6;
		display: flex;

		div {
			margin: 2.5rem;
			width: 2.125rem;
			height: 2.125rem;

			img {
				width: 100%;
			}
		}

		h1 {
			margin-left: 22%;
			padding: 1.875rem;
			font-size: 2.25rem;
		}
	}

	.pay-dailog-title {
		margin: 3.3rem;
		margin-bottom: 0;

		h3 {
			font-size: 2rem;
			padding-bottom: 1rem
		}

		;
	}


	.weui-cells_radio {
		text-align: left;
		font-size: 1.875rem;
		color: #9B9B9B;

		.weui-icon-checkedd {
			-webkit-mask-image: url("./assets/icons/Y.png");
			mask-image: url("./assets/icons/Y.png");
			width: 1.875rem;
			color: #265BCD;
		}
	}

	.help {
		text-align: left;
		margin: 0 2rem;

		img {
			width: 2rem;
			height: 2rem;
		}
	}

	.pay {
		margin: 2rem;
	}

	.btn {
		font-size: 2.34375rem;
		padding: .6rem;
		color: #fff;
		background: linear-gradient(-90deg, rgba(42, 91, 200, 1), rgba(22, 124, 240, 1));
		border-radius: .375rem;
		margin: 2rem;
	}
}

.index-top {
    width: 100%;
    font-size: 1.625rem;
    font-weight: bold;
	background: url('./assets/images/index/topbg.png') no-repeat ;
	background-size: 100%;
	
    color: #fff;
    height: 6rem;
    .back{
      padding-left: 1.25rem;
      padding-top: 0.3rem;
      img{height: 2.1875rem;}
    }
    p{
      font-size: 2.25rem;
      margin: 0 auto;
    }
  }

  .weui-picker__indicator{
	background: #2f84dc54;
	margin-top: 2rem;
	height: 6.5rem;
  }
  .weui-picker__content{
	font-size: 3rem;
}